@-webkit-keyframes rotateC {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateC {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotateC {
    -webkit-animation-name: rotateC;
    animation-name: rotateC;
    animation-timing-function: linear
}

@-webkit-keyframes rotateAC {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotateAC {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.rotateAC {
    -webkit-animation-name: rotateAC;
    animation-name: rotateAC;
    animation-timing-function: linear
}